
<template>
  <div class="wrap">
  <AdminOverView class="item"></AdminOverView>
  <PieChart class="item"></PieChart>
  <BarChart class="item"></BarChart>
  <LineChart class="item"></LineChart>
  </div>
</template>

<script setup>
import BarChart from "@/views/BarChart.vue";
import PieChart from "@/views/PieChart.vue";
import LineChart from  "@/views/LineChart.vue";
import AdminOverView from "@/views/AdminOverView.vue";
</script>


<style lang="scss" scoped>
.wrap{
  display: flex;
  flex-wrap: wrap;
  box-shadow: var(--el-box-shadow-light);

  .item{
    width: 50%;
    height: calc((100vh - 100px) / 2 );
    min-height: 360px;
    padding-bottom: 20px;
    border: 1px solid #f4f4f5;

  }
}

</style>
